Nginx学习：使用nginx配置静态资源(js或者image)并访问后台的数据(使用vue中的ajax)

2023-07-30 05:10| 来源: 网络整理| 查看: 265

1.简介

由于今天学习了ngnix，并了解了其中的属性决定配置一个静态资源服务器，用于获取js以及访问后台的数据

2.当前nginx的配置conf #user nobody; worker_processes 1; error_log logs/error.log; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" "$http_x_forwarded_for"'; #access_log logs/access.log main; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #开启gzip gzip on; server { listen 8000; server_name localhost; charset utf-8; #配置当前的图片 location ~ \.(gif|jpg|jpeg)$ { root static; } #配置当前所有以js和css结尾的数据都调用neginx的static文件夹中的内容 location ~ \.(js|css)$ { root static; } #将访问SpringBoot的请求转发到8080端口的SpringBoot location / { proxy_pass http://127.0.0.1:8080/; } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } }

这就是我的配置：其中在当前的nginx中添加一个static文件夹，其中js中的内容为：在这里插入图片描述 location / { proxy_pass http://127.0.0.1:8080/; }，这句话表示当前所有的访问都会映射到当前的8080端口去